<template>
  <div>
    <lowCodeDesigner></lowCodeDesigner>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";
import lowCodeDesigner from "./components/low-code/index.vue";

export default defineComponent({
  components: { lowCodeDesigner },
  setup() {
    return {};
  },
});
</script>

<style>
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 15px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 5px #dcdfe6;
  box-shadow: inset 0 0 3px #dcdfe6;
  background: #dcdfe6;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ffffff;
}

.popper-col {
  border-color: rebeccapurple !important;
}
</style>
